<search>
    <div class="search-box">
        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1955" xmlns:xlink="http://www.w3.org/1999/xlink">
            <path d="M991.390933 916.3936 776.426667 701.429333c55.825067-71.834667 89.093333-162.097067 89.093333-260.135467 0-234.2752-189.930667-424.2272-424.2272-424.2272C206.996267 17.0656 17.066667 207.0176 17.066667 441.2928c0 234.2976 189.930667 424.2272 424.228267 424.2272 98.0352 0 188.2976-33.269333 260.133333-89.0944l214.964267 214.965333c20.724267 20.7232 54.295467 20.7232 74.9984 0C1012.113067 970.688 1012.113067 937.115733 991.390933 916.3936L991.390933 916.3936zM123.138133 441.2928c0-175.712 142.442667-318.1728 318.155733-318.1728 175.710933 0 318.174933 142.4608 318.174933 318.1728 0 175.714133-142.464 318.176-318.174933 318.176C265.5808 759.4688 123.138133 617.008 123.138133 441.2928L123.138133 441.2928z"></path>
        </svg>
        <input type="text" placeholder="支持发件人的手机号、订单号查询">
        <span>取消</span>
    </div>
    <div class="search-wrapper">
        <p class="search-title">查询结果</p>
        <div each="{ item in list }" class="list-item">
            <order-item data="{ item }"></order-item>
        </div>
    </div>
    <script>
        this.list = [
            {
                id: 90,
                ego_orderid: "EGOHD4350940091YQ",
                send_type: 2,
                internal_orderid: "123,46,789,4668",
                internal_supply: "e邮宝,顺丰,圆通",
                final_weight: "0.000",
                final_price: "0.00",
                create_time: "2018-08-26 10:10:45",
                receiver_country: "美国",
                status: 1
            },
            {
                id: 90,
                ego_orderid: "EGOHD4350940091YQ",
                send_type: 2,
                internal_orderid: "123,46,789,4668",
                internal_supply: "e邮宝,顺丰,圆通",
                final_weight: "0.000",
                final_price: "0.00",
                create_time: "2018-08-26 10:10:45",
                receiver_country: "美国",
                status: 2
            },
            {
                id: 90,
                ego_orderid: "EGOHD4350940091YQ",
                send_type: 2,
                internal_orderid: "123,46,789,4668",
                internal_supply: "e邮宝,顺丰,圆通",
                final_weight: "0.000",
                final_price: "0.00",
                create_time: "2018-08-26 10:10:45",
                receiver_country: "美国",
                status: 3
            }
        ]
    </script>

    <style>
        .search-box {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 0 20px;
            height: 48px;
            line-height: 48px;
            background: #fff;
        }
        .search-box svg, .search-box input, .search-box span {
            display: inline-block;
            vertical-align: middle;
        }
        .search-box svg {
            margin: 14px 0 0 0;
            width: 20px;
            height: 20px;
            fill: #999;
        }
        .search-box input {
            width: 75%;
            border: none;
            outline: none;
            font-size: 14px;
        }
        .search-wrapper {
            margin: 0 0 20px 0;
            padding: 0 12px;
        }
        .search-title {
            margin: 30px 0 15px 0;
            text-align: center;
            color: #6a85fe;
        }
        .list-item {
            margin: 15px 0 0 0;
        }
    </style>
</search>